<template>
  <div id="container">
  </div>
</template>

<script setup lang="ts">
import AMapLoader from '@amap/amap-jsapi-loader';
const props = defineProps({
  location: {
    type: Array,
    default: [106.397428, 29.90923]
  }
})
AMapLoader.load({
  "key": "ce2cc39d87a2be05467103387349e38a",          // 申请好的Web端开发者Key，首次调用 load 时必填
  "version": "1.4.15",                                // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
  "plugins": [],                                      // 需要使用的的插件列表，如比例尺'AMap.Scale'等
  "AMapUI": {                                         // 是否加载 AMapUI，缺省不加载
      "version": '1.1',                               // AMapUI 缺省 1.1
      "plugins":[],                                   // 需要加载的 AMapUI ui插件
  },
  "Loca":{                                            // 是否加载 Loca， 缺省不加载
    "version": '1.3.2'                              // Loca 版本，缺省 1.3.2
  },
}).then((AMap)=>{
  var map = new AMap.Map('container', {
      zoom:17,                                        //级别
      center: props.location,                 //中心点坐标
      viewMode:'3D'                                   //使用3D视图
  });
}).catch(e => {
  console.log(e);
})
</script>

<style scoped>
#container {
  width: 100%;
  height: 100%;
}
</style>